 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title></title>
	<link rel="stylesheet" type="text/css" href="<?php echo PATH?>/web/css/ui.jqgrid.css">
	<link rel="stylesheet" type="text/css" href="<?php echo PATH?>/web/css/pepper-grinder/jquery-ui-1.10.3.custom.css">
	<link rel="stylesheet" type="text/css" href="<?php echo PATH?>/web/css/styles.css"/>
	
	<script type="text/javascript" src="<?php echo PATH?>/web/js/jquery-1.10.2.js"></script>
	<script type="text/javascript" src="<?php echo PATH?>/web/js/jquery-ui-1.10.3.custom.js"></script>
	<script type="text/javascript" src="<?php echo PATH?>/web/js/jqgrid/jquery.jqGrid.min.js"></script>
	<script type="text/javascript" src="<?php echo PATH?>/web/js/jqgrid/grid.locale-es.js"></script>
</head>
<body>
	<script>
	
	function mensaje(response, postdata) {	
    	//parseo la respuesta del servidor
    	var result = null;
    	//parseo la respuesta del servidor
    	if(response!=null && response.responseText!="\r\n"){
    		result = jQuery.parseJSON( response.responseText );
    		if(result.estado!="OK"){
    			mostrarMsj("Asistente","ERROR",result.errores);
    		}else{
    			mostrarMsj("Asistente","INFO","La operación se ha realizado correctamente");
    		}	
    	}else{
    		mostrarMsj("Asistente","INFO","La operación se ha realizado correctamente");
    	}
        var errors = "";

        var new_id = null;

        return [response.success, errors, new_id];
   	}
	    
	function mostrarMsj(selector,tipoMsj,msj){
		$("#msj"+tipoMsj+selector+" span").html("<b>"+tipoMsj+"</b>:"+msj);
		$("#msj"+tipoMsj+selector+".message").fadeIn("slow");
    }
	
	function mensajeError(data){
		return '<span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>'+
			"<strong>ERROR :<strong></br> La operación no se ha podido realizar";
			//Status: '" + data.statusText + "'. Error code: " + data.status 
	}
	
	jQuery(document).ready(function () {
		jQuery("#dataTable").jqGrid({
	   	url:'../asistente/listarJson',
		datatype: "json",
	   	colNames:[
			'idAsistente',
			'Nombre y Apell',
			'Usuario'
		],
		colModel :[
            {
            	name:'idAsistente',
            	index:'idAsistente',
            	hidden:true
            },
            {
            	name:'nombreApell',
            	index:'nombreApell',
            	width:'80',
            	align:'center',
            	editrules:{required:true},
            	editoptions: {maxlength: 40},
            	editable:true
            },
            {
            	name:'nombreUsuario',
            	index:'nombreUsuario',
            	width:'80',
            	align:'center',
            	editrules:{required:true},
            	editoptions: {maxlength: 40},
            	editable:true
            }
       	],
       	jsonReader: {
        	root: 'gridModel',
	      	id: 'idAsistente',
	      	repeatitems: false,
	      	page:  function(obj) { return obj.page; },
	        total: function(obj) { return obj.total; },
	        records: function(obj) { return obj.records; }
     	},
     	height: "auto",
        width: 940,
	   	rowNum:10,
	   	rowList:[10,20,30],
	   	pager: '#dataTablePager',
	   	//sortname: 'idTecnico',
	    viewrecords: true,
	    //sortorder: "desc",
	    editurl: '../asistente/administrar',
	    caption:"Asistentes"
		});
		
		jQuery("#dataTable").jqGrid('navGrid','#dataTablePager',
			{edit:true,add:true,del:true,search:false,refresh:false,view:true},
			{reloadAfterSubmit:true, closeAfterEdit: true, afterSubmit: mensaje, errorTextFormat: mensajeError}, //  default settings for edit
			{closeAfterAdd:true, afterSubmit: mensaje, errorTextFormat: mensajeError}, //  default settings for add
			{width:300, afterSubmit: mensaje},  // delete instead that del:false we need this
			{}, // search options
			{} /* view parameters*/
        	);
        	
        // MENSAJES
		$(".message").click(function () {
	 		$(this).fadeOut();
	 	});
	
	});
	
	</script>
	<?php
	require 'web/pages/commons/header.php';
	?>
			<!-- <div id="right">
	    		<decorator:body />
	    	</div> -->
	    	<div class="message red" id="msjERRORAsistente" style="width: 900px;display:none; margin-left: 45px;margin-top: 10px;">
   				<span></span>
   		 	</div>
   		 	<div class="message green" id="msjINFOAsistente" style="width: 900px;display:none; margin-left: 45px;margin-top: 10px;">
   				<span></span>
   		 	</div>
			<div id="dataInfo" style="width: 950px; margin-top: 10px;margin-left: 45px;">
				<table id="dataTable" ></table>
				<div id="dataTablePager"></div>
			</div>
		</div>
    	<!--end container-->
    </div>	
	<!--fin wrapper-->
	
</body>
</html>